<!-- 子级 -->
<template>
  <div>
    这是son3的msg：{{value.name}}
    <button @click="change">修改msg</button>
  </div>
</template>
<script>
  export default{
    name: 'son3',
    model: {
      value: 'value', // 绑定props中的值作为v-model的值
      event: 'modelValue' // 设定修改v-model的值的emit事件名
    },
    props: {
      value: Object
    },
    methods: {
      change() {
        this.$emit('modelValue', { name: 'clw' }); // 调用该方法即可改动v-model绑定的值，且父级不需要绑定modelValue方法，这个就是自定义组件的v-model实现
      }
    }
  }
</script>
